<template>
	<div class="fc">
		<vue-qrcode :value="text" :size="10" :width="width"></vue-qrcode>
	</div>
</template>

<script setup lang="ts">
import VueQrcode from 'vue-qrcode'

withDefaults(
	defineProps<{
		text: string
		width?: number
	}>(),
	{
		width: 200,
	}
)
</script>

<style scoped>
.fc {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>
